<template>
  <div class="device-mgr">
    <div class="content">
      <MenuTab :menuList="menuList"/>
      <router-view/>
    </div>
    <div class="footer">
      <hr>
      {{new Date()}}
    </div>
  </div>
</template>

<script>
  import MenuTab from "../../components/MenuTab";

  const menuList = [{"path": "/device/info", "value": "设备信息管理"},
    {"path": "/device/gis", "value": "设备GIS"},
    {"path": "/device/white", "value": "白名单"},
    {"path": "/device/play", "value": "设备播放记录"},
    {"path": "/device/broad", "value": "播放广播日志"}];

  export default {
    name: "DeviceMgr",
    components: {
      MenuTab
    },
    data() {
      return {menuList}
    },
    computed: {
      getDateParam() {
        return this.$store.state.dateParam;
      }
    }
  }
</script>

<style scoped>
  .content {
    display: flex;
  }
</style>
